<!--
 * @Description: {{ByRuin}}
 * @Version: 2.0
 * @Author: Ruin 🍭
 * @Date: 2021-12-28 10:31:57
 * @LastEditors: 刘引
 * @LastEditTime: 2022-01-04 17:31:30
-->
<template>
  <div class="footer">
    <div class="w">
      <div class="container" v-if="this.$store.state.isChange == false">
        <div class="left">
          <p>
            全国服务热线
            <span>（周一至周五9：00-18：00）</span>
          </p>
          <p>
            <img src="../assets/img/common/white-phone.png" />
            0755-83957814
          </p>
          <p>地 址：深圳市福田区上梅林卓越城1期2号楼1108</p>
          <p>电子邮箱：zzb01@taoxindz.com</p>
        </div>
        <div class="right">
          <div class="qq">
            <img src="../assets/img/common/qq.png" />
            <p>QQ在线联系2355608068</p>
          </div>
          <div class="mail" @click="toguid('/submit', 'boxCenter')">
            <img src="../assets/img/common/mail.png" />
            <p>网络电邮询价</p>
          </div>
        </div>
      </div>

      <div class="container" v-if="this.$store.state.isChange">
        <div class="left">
          <p>
            National Service Hotline
            <span>（Monday to Friday 9:00-18:00）</span>
          </p>
          <p>
            <img src="../assets/img/common/white-phone.png" />
            0755-83957814
          </p>
          <p>Address: Room 1108,Building 2,Phase 1,Zhuoyue City,Shangmeilin,Futian District,Shenzhen,China</p>
          <p>Email: zzb01@taoxindz.com</p>
        </div>
        <div class="right">
          <div class="qq">
            <img src="../assets/img/common/qq.png" />
            <p>QQ online contact 2355608068</p>
          </div>
          <div class="mail" @click="toguid('/submit', 'boxCenter')">
            <img src="../assets/img/common/mail.png" />
            <p>RFQ by E-mail</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang = 'ts'>
export default {
  methods: {
    toguid(path, id) {

      var path = path
      var Id = id;
      localStorage.setItem('toId', Id);
      this.$router.push(path)
    },
    // @ts-ignore

  },
  mounted() {


  }
}
</script>

<style lang="scss" scoped>
.footer {
  background-color: #152638;
}
.container {
  height: 363px;
  display: flex;
  justify-content: space-between;
  padding: 50px;
  .left {
    p {
      line-height: 60px;
      color: white;
      &:nth-child(1) {
        font-size: 28px;
        span {
          font-size: 18px;
        }
      }
      &:nth-child(2) {
        font-size: 32px;
      }
      &:nth-child(3),
      &:nth-child(4) {
        font-size: 14px;
      }
    }
  }
  .right {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff;
    text-align: center;
    .mail {
      margin-left: 50px;
      cursor: pointer;
      p {
        margin-top: 30px;
      }
    }
    .qq {
      p {
        margin-top: 10px;
      }
    }
  }
}
</style>